.wrap {
  height: calc(100% - 60px);
  width: 100%;
  display: flex;
  flex-direction: row;

  .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    > div:not(:last-child) {
      margin-right: 10px;
      flex-shrink: 0;
    }
  }

  .components {
    width: 230px;
    height: 100%;
    border-right: 2px solid #ccc;
    flex-shrink: 0;
    flex-grow: 0;
  }

  .sortable {
    width: 300px;
    height: 100%;
    border-right: 2px solid #ccc;
    flex-shrink: 0;
    flex-grow: 0;
  }

  .preview {
    margin-left: 20px;
    min-width: 300px;
    flex-grow: 1;
    flex-shrink: 1;
    border: 2px solid #aaa;
  }
}

.btnWrap {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  > * {
    margin-left: 40px;
  }
}
